import React from 'react';
import styles from './style.css'
import pageRedux from '../pageRedux'
import MyLayout from '../../component/MyLayout';
import UserProfileAvatar from "../../component/userProfileAvatar";
import ShowList from "../../component/showList";

const ShowListItem = ShowList.Item

export class MySelf extends React.Component {
    constructor(props) {
        super()
        this.state = {}
    }

    componentDidMount() {
    }


    render() {
        var self = this
        var userToken = this.props.getStore("app.userToken")
        return <MyLayout title="我的信息">
            <UserProfileAvatar/>

            <ShowList myStyle={{padding: 0}}>
                <ShowListItem>
                    个人信息
                </ShowListItem>
                <ShowListItem>
                    黑名单
                </ShowListItem>
                <ShowListItem>
                    {
                        !userToken && <div>
                            <a href="/login">登陆</a> /<a href="/register-mobile">注册</a>
                        </div>
                    }
                    {
                        userToken && <div>
                            退出
                        </div>
                    }
                </ShowListItem>
            </ShowList>
        </MyLayout>
    }
}

export default pageRedux(MySelf)